//(小程序中的js模板)
// 1. 加载 最近新品 的数据文件 通过require 加载
Page({
  /**
   * 页面的初始数据
   */
  data: {
    pageData  : [],        //页面详情数据
    num       : 0 ,        //购物车商品数量
    activeTab : 'detail',  //导航栏选中值
    numToCart : 1,         //购买商品的数量
  },
  // 导航栏(利用冒泡)
  handleNavsEvent : function(e){
    this.setData({activeTab : e.target.dataset.tab})
  },
  //点击添加购买商品数量事件
  addNum : function(e){
     let numToCart = this.data.numToCart
     ++numToCart
     this.setData({numToCart})
  },
  // 将商品储存入localStorage中以便购物车调用
  handleAddProduct : function(e){
    let carts = wx.getStorageSync("carts") || []
    let id = e.currentTarget.dataset.id
    let index = carts.findIndex(function(v,i){return v.id === id})
    // 没有缓存过
    if(index === -1){
        let cartItem = {
          id      : id,
          num     : this.data.numToCart,
          checked : true,
          data    : this.data.pageData
        }
        carts.push(cartItem)
        this.setData({num : cartItem.num})
    }else{
      carts[index].num = carts[index].num + this.data.numToCart
      this.setData({num : carts[index].num})
    }
    wx.setStorageSync("carts",carts)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
      //  微信小程序中加载导入js数据文件(数组形式) 通过require 加载
      let goods = require("../../data/details-data.js")
      let pageData = goods[options.id]
      console.log( pageData)
      this.setData({pageData})
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})
